<template>
  <div class="bottom">
    <!-- Layout布局 -->
    <el-row :gutter="20">
    <el-col :span="12">
      <Search></Search>
    </el-col>
    <el-col :span="12">
      <Rank></Rank>
    </el-col>
   
  </el-row>
  </div>
</template>
  
<script lang="ts">
import { defineComponent } from "vue"
export default defineComponent({
  name: 'BottomView',
})
</script>
  
<script lang="ts" setup>
import Search from './Search/index.vue'
import Rank from './Rank/index.vue'
</script>
  
<style lang="scss" scoped>
.bottom{
  height:300px
}
</style>
  